/**
 * 透明球体
 */

class TransSphere extends HTMLElement {
    async connectedCallback() {
        await createScriptElement({ src: "components/templates/transparentSphere/index.css", name: "透明地球", type: "link" });
        this.innerHTML = `<div class="sphere_box">
        <div class="star">
            <div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
                <div class="starline"></div>
                <div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
				<div class="starline"></div>
                <div class="starline"></div>
                <div class="starline"></div>
        </div>
    </div>
`
    }
}

customElements.define("trans-sphere", TransSphere);